<!DOCTYPE html>
<!--[if lt IE 7]>      <html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html lang="en" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <head>
        <!-- Mobile Specific Meta -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Always force latest IE rendering engine -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- Meta Keyword -->
        <meta name="keywords" content="one page, business template, single page, onepage, responsive, parallax, creative, business, html5, css3, css3 animation">
        <!-- meta character set -->
        <meta charset="utf-8">

        <!-- Site Title -->
        <title>子由</title>
        
        <!--
        Google Fonts
        ============================================= -->
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700" rel="stylesheet" type="text/css">
		
        <!--
        CSS
        ============================================= -->
        <!-- Fontawesome -->
        <link rel="stylesheet" href="../css/font-awesome.min.css">
        <!-- Bootstrap -->
        <link rel="stylesheet" href="../css/bootstrap.min.css">
        <!-- Fancybox -->
        <link rel="stylesheet" href="../css/jquery.fancybox.css">
        <!-- owl carousel -->
        <link rel="stylesheet" href="../css/owl.carousel.css">
        <!-- Animate -->
        <link rel="stylesheet" href="../css/animate.css">
        <!-- Main Stylesheet -->
        <link rel="stylesheet" href="../css/main.css">
        <!-- Main Responsive -->
        <link rel="stylesheet" href="../css/responsive.css">
		
		
    </head>
	
    <body>

        <!--
        Fixed Navigation
        ==================================== -->
        <header id="navigation" class="navbar-fixed-top">
            <div class="container">

                <div class="navbar-header">
                    <!-- responsive nav button -->
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- /responsive nav button -->

                    <!-- logo -->
                    <h1 class="navbar-brand">
                        <a href="#body">
                            <img src="../img/logo.png" alt="Ziyou Logo">
                        </a>
                    </h1>
                    <!-- /logo -->

                    </div>
                </div>

            </div>
        </header>
        <!--
        End Fixed Navigation
        ==================================== -->


        <!--
        Home Slider
        ==================================== -->
        <section id="home">     
            <div id="home-carousel" class="carousel slide" data-interval="false">
                <!--/.carousel-indicators-->

                <div class="carousel-inner">

                    <div class="item active"  style="background-image:url(../img/slider/bg2.jpg)" >
                        <div class="carousel-caption">
                            <div class="animated bounceInRight">
                                <h2>管理员授权</h2>
                                <form action="/admin/login" method="POST" class="basic-grey">
                                    <label>
                                        <span>手机号:</span>
                                        <input id="phone" type="text" name="phone" placeholder="管理员手机号" />
                                    </label>
                                    <label>
                                        <span>&nbsp;</span>
                                        <input type="button" class="button" name="sendcode" value="发送验证码" />
                                    </label>
                                    <label>
                                        <span>验证码:</span>
                                        <input id="code" type="text" name="code" placeholder="输入验证码" />
                                    </label>
                            
                                    <label>
                                        <span>&nbsp;</span>
                                        <input type="submit" class="button" value="登录" />
                                    </label>
                                </form>
                            </div>
                        </div>
                    </div>              

                    <!--<div class="item" style="background-image: url('img/slider/bg3.jpg')">                 
                         <div class="carousel-caption">
                            <div class="animated bounceInUp">
                                <h2>HELLO WORLD! <br>WE ARE KASPER,WE MAKE ART.</h2>
                                <p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur aliquet quam. Accumsan id imperdiet et, porttitor at sem. Mauris blandit aliquet elit, eget tincidunt.</p>
                            </div>
                        </div>
                    </div>-->
                </div>

            </div>
        </section>
        <footer id="footer" class="text-center">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">

                        <div class="footer-logo wow fadeInDown">
                            <img src="../img/logo.png" alt="logo">
                        </div>

                        <div class="footer-social wow fadeInUp">
                            <h3>I am ziyou</h3>
                            
                        </div>

                        <div class="copyright">
                           
                        </div>

                    </div>
                </div>
            </div>
        </footer>
        <!--
        End #footer
        ========================== -->


        <!--
        JavaScripts
        ========================== -->
        
        <!-- main jQuery -->
        <script src="../js/vendor/jquery-1.11.1.min.js"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js"></script>
        <!-- jquery.nav -->
        <script src="../js/jquery.nav.js"></script>
        <!-- Portfolio Filtering -->
        <script src="../js/jquery.mixitup.min.js"></script>
        <!-- Fancybox -->
        <script src="../js/jquery.fancybox.pack.js"></script>
        <!-- Parallax sections -->
        <script src="../js/jquery.parallax-1.1.3.js"></script>
        <!-- jQuery Appear -->
        <script src="../js/jquery.appear.js"></script>
        <!-- countTo -->
        <script src="../js/jquery-countTo.js"></script>
        <!-- owl carousel -->
        <script src="../js/owl.carousel.min.js"></script>
        <!-- WOW script -->
        <script src="../js/wow.min.js"></script>
        <!-- theme custom scripts -->
        <script src="../js/main.js"></script>
        <!-- Modernizer Script for old Browsers -->
        <script src="../js/vendor/modernizr-2.6.2.min.js"></script>
    </body>
</html>
